<template>
  <div class="title-head">
    <van-nav-bar @click-left="$router.push('/gift')" left-arrow title="赠与成功">
    </van-nav-bar>
  </div>
  <div class="gift-warp">
    <img src="../../assets/image/gift.png" alt="">
    <p>您赠与的礼物正在路上<br />请等待好友接收</p>
  </div>
</template>
<script>
import { ref, defineComponent, reactive, onMounted, toRefs, nextTick } from "vue";
import { useStore } from "vuex";
import { useRouter } from "vue-router"
export default {
  setup(props) {
    return {

    }
  }
}
</script>
<style lang="less" scoped>
&:deep(.van-nav-bar__content) {
  background: #222222;
}

&:deep(.van-nav-bar__title) {
  font-size: 34px;
  color: #ffffff;
}

&:deep(.van-nav-bar__arrow) {
  color: #ffffff;
}

.gift-warp {
  margin-top: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  img {
    width: 625px;
    height: 416px;
  }

  p {
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #ffffff;
    line-height: 36px;
    margin-top: 100px;
    text-align: center;
  }
}
</style>